<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>PixelLogin</title>
  <!-- 导入 JS 文件 -->
  <script src="../js/PixelLogin.js"></script>
  <link rel="stylesheet" href="../css/PixelLogin.css">
</head>
<body>
    <div class="nb-login-wrapper">
      <div class="nb-login-header">
        <h2>Sign In</h2>
      </div>
      <form class="nb-login-form">
        <div class="nb-form-group">
          <label for="nb-email" class="nb-form-label">Email</label>
          <input type="email" id="nb-email" class="nb-input" placeholder="you@example.com" required />
        </div>
        <div class="nb-form-group">
          <label for="nb-password" class="nb-form-label">Password</label>
          <input type="password" id="nb-password" class="nb-input" placeholder="••••••••" required />
        </div>
        <button type="submit" class="nb-btn-submit">Login</button>
      </form>
      <div class="nb-login-footer">
        Don't have an account? <a href="#">Register</a>
      </div>
    </div>
    <button class="color-cycle-btn">Change Theme</button>
</body>
</html>
